/**
 * 组件封装遵循什么原则？
 * 
 * (数据往下流-逻辑往上走)
 * 
 * 1. 单向数据流（数据放在父组件）
 * 2. 参数 （子组件要明确接收的父组件传递的数据）
 * 3. 回调响应 
 *  triggerEvent('name', {}, {}) 
 *  $emit()  
 *  事件 + callback()
 * 
 */

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // icon区域的数据 [{}, {}]
    list: {
      type: Array
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 点击每一个icon，跳转路由
    handleIconClick(event) {
      console.log('event:', event.currentTarget.dataset)
      const { id } = event.currentTarget.dataset
      this.triggerEvent('iconClick', { id })
    },
    // 滚动swiper,知道用户翻转到了哪一页 
    handleSwiperPage(event) {//data-page
      console.log('event:', event)
      const current = event.detail.current
      this.triggerEvent('swiperClick', { current })
    }
  }
})
